﻿<!DOCTYPE html>
<html lang="en">
<head>
    <title>@ViewBag.Title - Boardgames.is</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery.signalR-1.0.1.min.js"></script>
    <script src="~/signalr/hubs"></script>
    <script src="~/Scripts/DropMenu.js"></script>
</head>
<body>

<div id="container">
    <header>
        @Html.ActionLink("Boardgames.is", "Index", "Home")
        <img src="/Content/SitePics/logoleft.gif" alt="Logo" />
    </header>
    <div id="nav-bar">
        @if (Request.IsAuthenticated) {
    <text>
        <div id="hello">Hello, @Html.ActionLink(User.Identity.Name, "Manage", "Account", routeValues: null, htmlAttributes: new { @class = "username", title = "Manage" })  </div>
        @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" })) {
            @Html.AntiForgeryToken()
            <a href="javascript:document.getElementById('logoutForm').submit()">Log off</a>
           @Html.ActionLink("About", "About", "Home", null , new { id = "aboutbtn " })
        }
    </text>
        <ul id ="navLinks">
                <li><a href="/Home/Index" id="hover-check">Navigate</a>
                <li class="first-hidden"><a href="/Home/Index" id="firstLink">Home</a></li>
                <li class="first-hidden"><a href="#"  id="secondLink">Games</a>
                <li class="first-hidden">@Html.ActionLink("About", "About", "Home") </li>
         </ul>
        <ul id="gameHub">
            <li class="second-hidden">@Html.ActionLink("TicTacToe", "Lobby", "TicTacToe")</li>
            <li class="second-hidden">@Html.ActionLink("Pictionary", "Lobby", "Pictionary")</li>
        </ul>
} else {
    <ul id="navBar">
        <li>@Html.ActionLink("Login", "Login", "Account", routeValues: null, htmlAttributes: new { @id = "loginLink", @class = "navLinks" })</li>
        <li>@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { @id = "registerLink", @class = "navLinks" })</li>
         <li>@Html.ActionLink("About", "About", "Home", routeValues: null, htmlAttributes: new { @class = "navLinks" })</li>
    </ul>
}
    </div>
        @RenderSection("featured", required: false)
        @RenderBody()
        <footer>
            <ul>
                <li>0x400 Floppyright 2013</li>
                <li><a href="mailto:0x400@gmail.com">0x400bit@gmail.com</a></li>
                <li>S:562 0402</li>
            </ul>
            <div id="footerlogo">
                <a href="https://www.facebook.com/Bordspil"><img src="~/Content/SitePics/fb.png" /></a>
                <a href="https://twitter.com/Bordspil"><img src="~/Content/SitePics/twitter.png" /></a>
            </div>
        </footer>
        @RenderSection("scripts", required: false)
        </div>
    </body>
</html>